<script lang="ts" setup>
import { FullscreenOutlined, FullscreenExitOutlined } from '@ant-design/icons-vue';
import { useFullscreen } from '@vueuse/core';

const { isFullscreen, enter, exit, toggle } = useFullscreen();
</script>

<template>
  <!-- <FullscreenExitOutlined class="font-size-20" v-if="isFullscreen" @click="toggle" />
  <FullscreenOutlined class="font-size-20" v-else @click="toggle" /> -->

  <span i-antd-fullscreen-outlined w-px-30 h-px-30 cursor-pointer v-if="isFullscreen" @click="toggle" />
  <span i-antd-fullscreen-exit-outlined w-px-30 h-px-30 cursor-pointer v-else @click="toggle" />
</template>

<style lang="less" scoped></style>
